.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
};
body{
	background-color:#eeeeee;
}
.header{
      position: fixed;
      left:0;
      top:0;
      width: 100%;
      z-index: 999;
	.px2rem(height,90);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:#ffffff;
	form{
    flex:1;
	text-align:center;	
	position: relative;  	
       	left:0;
       	top:0;

       input{
       	padding-left:10%;
       	width: 80%;	
       	.px2rem(height,50);
       	.px2rem(font-size,30);
       	background-color:#f5f5f3;
       	border:none;
       	outline:none;

       }
       .is{
       	position: absolute;
       	left:8%;
       	top:18%;
       	.px2rem(font-size,30);
       	color:#ccc;
       }
	}
	span{
			.px2rem(font-size,40);
			color:#e2cbc0;
			padding:3%;
	}
}
.banner{
	margin-top:13%;
}
.swiper-slide{
	height: 25vh;
	img{
		width: 100%;
   
	}
}
.swiper-pagination-bullet{
	.px2rem(width,20);
	.px2rem(height,20);
}
.swiper-pagination-bullet-active{
	background-color:#fff;
}
.nav{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:#fff;
    a{
    	flex:1;  padding:3% 0;
	figure{
		text-align:center;
     
       img{
       	.px2rem(width,100);
	    .px2rem(height,100);
       }
       figcaption{
       	.px2rem(font-size,26);
       	padding:5% 0;

       }
	}
}
}
.dao{
   margin-top:4%;
    section{
         display: flex;
	align-items: center;
	margin-top:2%;
      div{ 
      		.px2rem(width,330);
	       .px2rem(height,170);
		  background-repeat: no-repeat;
          background-size: 100%;   
          background-position:14%;
          color:#fff;
          margin:0 3%;
         .px2rem(border-radius,10);
          h1{
          .px2rem(font-size,40);
          padding-top:8%;
          padding-left:5%;
         
          }
          p{
          	 .px2rem(font-size,26);
          	 padding-top:5%;
          	  padding-left:5%;
          }
    }
	}
	.topsect{
	
	div:nth-child(1){
		  background-image:url(../images/C-1.png);
	}
	div:nth-child(2){
		  background-image:url(../images/C-2.png);
	}
}
.bottomsect{
	div:nth-child(1){
		  background-image:url(../images/C-3.png);
	}
	div:nth-child(2){
		display: flex;
		span{
			 	flex:1;
			 .px2rem(font-size,40);
			 background-color:#4fcadc;
			  .px2rem(border-radius,10);
			  padding:10%;

		}
		span:nth-child(1){
		 margin-right:5%;
		}
		span:nth-child(2){
		 margin-left:5%;
		}
	}
  }
}

main{
	margin-bottom:15%;
  figure{
  	background-color:#fff;
  	margin-top:2%;
  	img{
  		width:98%;
  		padding:0 1%;
  	}
  	 figcaption{

  	 	padding-left:5%;
  	 	h1{
         padding:5% 0;
  	 	 .px2rem(font-size,38);
  	 	}
  	 	p{
  	 		padding-bottom:5%;
  	 		color:#ccc;
  	 	}
  	 }
  }	
}
footer{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:#fff;
	position: fixed;
	left:0;
	bottom:0;
	width: 100%;
	z-index: 999;
	a{  
		flex:1;
     padding:2% 0;
	figure{
  
    padding:2%;
    text-align:center;
    .fa{
     .px2rem(font-size,40);
    }
    figcaption{
   	 .px2rem(font-size,24);
   	 padding-top:6%;
    }
	}
	.footgure{
			color:#ffa313;
	}	
	}
	
}